(function(){
	Ext.define('AppView.sys.role.SysRolePanel',{
		extend:'Ext.panel.Panel',
		alias:'widget.sysrolepanel',
		requires:['AppView.sys.role.SysRoleGrid','AppView.sys.role.SysRoleMenuPanel'],
		layout:'border',
		items:[
			{
				region:'west',
				xtype:'sysrolegrid',
				layout: 'fit',
				width: '50%',
				listeners:{
					itemclick:function( me, record, item, index, e, eOpts ){
						var sysRoleMenuPanel = this.up('sysrolepanel').down('sysrolemenupanel');
						sysRoleMenuPanel.roleId=record.data.id;
						sysRoleMenuPanel.down('[name=save]').setDisabled(false);
					}
				}
			},
			{
		        region: 'center',
		        layout: 'fit',
		        xtype:'sysrolemenupanel'
		    }
		]
	})
})()